/* 
    Document   : style
    Created on : Apr 2, 2014, 10:44:12 PM
    Author     : alcides
    Description:
        Purpose of the stylesheet follows.
*/

input.error {
	border: 1px dotted red;
}


form.user-register-form label.error{
	color: red;
	font-style: italic;
	font-size: 0.8em;
	margin-left: 315px;
	display: block;
	vertical-align: top;
	line-height: 0.8em;

}

form.car-form label.error, form.reservation-form label.error, form.conductor-form label.error, form.add-car-form label.error, form.contact-form label.error, form.calculateTarif label.error{
	color: red;
	font-style: italic;
	font-size: 0.8em;
	margin-left: 315px;
	display: block;
	vertical-align: top;
	line-height: 0.0em;

}


.errorLoguinEmail{
	color: red;
	font-style: italic;
	font-size: 0.8em;	
	line-height: 1.0em;
	display: block;
	margin-left: 1px;
	position: absolute;
}

.errorLoguinMovil{

	margin-left: 163px;
	color: red;
	font-style: italic;
	font-size: 0.8em;
	line-height: 1.0em;
	display: block;
	position: absolute;
}

form.user-register-form, form.car-form, form.reservation-form{
	font-size: 1.0em;
	color: #333;
	display: block;
	/*width: 450px*/
}

.text-user-data-form{
	width:250px;
	display: inline-block;
	text-align: left;
	line-height: 3.8em;
	margin-left: 60px;	
	font-size: 1.1em;
	color: #333;
	position: relative;
	font-weight: bold;

}
.contentHeader{

	background: #49659c; height: 30px; border-top-left-radius: 1em; border-top-right-radius: 1em;
}
.user-loguin-form{	
	float: left;
	text-align: left;	
	font-size: 1.1em;
	position: relative;		
}

.text-car-data-form, label.text-reservation-data-form{
	width:250px;
	display: inline-block;
	text-align: left;
	line-height: 3.8em;
	margin-left: 60px;
	font-size: 1.1em;
	color: #333;
	position: relative;
	font-weight: bold;

}

.user-register-form{
	display: block;
	position: relative;
	padding-bottom: 40px;
}

#div-reservation{
	height: 0px;
	z-index: 998;
	position: relative;
	/*padding-bottom: 60px;*/
	overflow: hidden;

}

#div-conductor{
	height: 0px;
	width: 600px;
	z-index: 999;
	position: relative;
	float: inside;
	overflow: hidden;
	background: #ffffff;
	border-radius: 1em;
	display: block;
}

#div-car{
	height: 0px;
	width: 600px;
	z-index: 999;
	position: relative;
	float: inside;
	overflow: hidden;
	background: #ffffff;
	border-radius: 1em;
	display: block;
}

#div-user-register{	
	z-index: 999;
	height: 0px;		
}

#confirm-reservation, #confirm-reservation2{	
	z-index: 999;
	height: 0px;

}

.containerForm{
	overflow: hidden;
	background: #ffffff;
	position: relative;
	border-bottom-left-radius: 1em; border-bottom-right-radius: 1em;
	/*padding-bottom: 10px;*/

}

.hrCategory{
	margin-left: 30px;
	margin-right: 30px;
	border: 1px solid #454545
}
.hrCategoryleft{

	border: 1px solid #454545
}

.hrDivider{
	margin-left: 80px;
	margin-right: 80px;

}

.displayContent{
	font-size: 1.1em;
	color: #333;
	padding: 10px 10px 10px 10px;
	margin-left: 10px;
	float: left;
	position: relative;
	display: block;
	width: 600px;

}
.textOverImgIndex{
	font-size: 1.1em;
	font-weight: 200;
	color: #333;
	padding: 30px 10px 10px 10px;
	float: left;
	position: relative;
	display: block;
	line-height: 2em;
}
.textOverImgLeft{
	font-size: 1.5em;
	/*font-weight: 10;*/
	/*font-family: cursive;*/
	font-style: italic;
	font-weight: bold;
	color: #ffffff;
	/*padding: 30px 10px 10px 10px;*/
	float: left;
	position: relative;
	display: block;
	line-height: 2em;
}
.displayContentFaq{
	font-size: 1.2em;
	font-style: italic;
	font-weight: bold;
	color: #49659c;
	padding: 0px 0px 0px 10px;
	margin-left: 10px;
	float: left;
	position: relative;
	display: block;
	width: 600px;

}
.displayContentLeft{
	font-size: 1.1em;
	color: #333;
	float: left;
	position: relative;

}

.homeTable{
	font-size: 1.1em;
	color: #333;
	padding: 10px 10px 10px 10px;
	width: 40%;
	background: #3388cc;
	border-radius: 0.6em;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
	position: relative;
	/*display: block;*/		
}

.response{
	font-size: 1.1em;
	color: #333;
	padding: 10px 10px 10px 10px;
	float: left;
	position: relative;
	display: block;

	height: 0px;
	margin-left: 30px;
	margin-right: 30px;
	overflow: hidden;
	visibility: hidden;
}

.contactForm{
	font-size: 1.1em;
	color: #333;
	padding: 10px 10px 10px 10px;
	margin-left: 10px;
	float: left;
	position: relative;
	display: block;
}

.displayContentConfirm{
	font-size: 1.1em;
	color: #333;
	margin-left: 10px;
	float: left;
	position: relative;		

}

.displayContentConfirmInline{
	font-size: 1.1em;
	color: #333;				
	margin-left: 30px;
	float: left;
	position: relative;
	display: block;
}

